<script type="text/javascript">
 $(document).ready(function(){

  // Add Scroller Object
  $jScroller.add("#scroller_container","#scroller","up",3);

  // Start Autoscroller
  $jScroller.start();
 });
</script>
<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product" id="scroller_container">
    <div id="scroller">
      <table width="100%">
            <tbody>
            <?php foreach ($products as $product) { ?>
            <tr>
	  			<td>
		        <?php if ($product['thumb']) { ?>
		        <div class="image1"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" style="padding: 2px; border: 1px solid #E7E7E7;" width="60px" /></a></div>
		        <?php } ?>
		        </td>
				<td style="border-bottom: 1px solid #DBDEE1;">
		        <a href="<?php echo $product['href']; ?>" style="text-decoration:none; font-weight:bold;">
		        <?php
		        $arr_name = explode("/", $product["name"]);
		        echo empty($arr_name[0])?"":$arr_name[0]; 
		        //echo $product['name']; 
		        ?>
        		</a><br>
        		<?php if ($product['price']) { ?>
				<?php if (!$product['special']) { ?>
				<span style="font-weight:bold; color: #333333"><?php echo $product['price']; ?></span>
				<?php } else { ?>
				<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
				<?php } ?>
				<br />
				<?php if($product['vat_shown']){?>
		          <span class="price-vat"><?php echo $vat?></span>
		          <?php }?>
				<?php } ?>        
                </td>
            </tr> 
            <?php } ?>
      </tbody></table>
      </div>
    </div>
  </div>
</div>